<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>
<style type="text/css">
	td{
		padding-bottom: 7px;
		padding-left: 10px;
	}
	a:link {
		color: gray;
		text-decoration: none;
	}
	a:hover {
		color: red;
		text-decoration: none;
	}
</style>
</head>
<body>
	<div id="table" align="center" ">
	</div>
</body>
<script type="text/javascript">
	query();
	function query() {
		$("#upd").hide();
		$.ajax({// 进行提交
			type : "post",// 提交方式
			url : "${pageContext.request.contextPath}/FindRoleServlet",// 提交路径
			async : true,// 是否异步
			dataType : 'json',// 数据格式（不进行跨越json，进行跨越jsonp）
			data : {},
			success : function(data) {// 执行成功后调动的方法
				var content = "<table><tr><th>角色名称</th><th>描述</th><th>状态</th><th>操作</th></tr>"
				for(var i = 0;i < data.length;i++){
					var item = data[i];
					var state = "停用";
					if(item.roleState == 1){
						state = "在用";
					}
					content += "<tr><td>"+item.roleName+"</td><td>"+item.roleDescribe+"</td><td>"+state+"</td><td><a href='#' onclick='goDelete("+item.roleId+")'>停用</a></td></tr>";
				}
				content += "</table>";
				$("#table").html(content);
			},
			error : function(err) {// 执行失败后的失败信息的显示
				console.log(err);
			}
		});
	}
	function goDelete(roleId){
		if(confirm("确认停用吗？")){
			var roleId = roleId;
			//alert(roleId);
			$.ajax({// 进行提交
				type : "post",// 提交方式
				url : "${pageContext.request.contextPath}/DelRoleServlet",// 提交路径
				async : true,// 是否异步
				dataType : 'json',// 数据格式（不进行跨越json，进行跨越jsonp）
				data : {// 参数
					roleId : roleId
				},
				success : function(data){// 执行成功后调动的方法
					var flag = data[0].flag;
					if(flag){
						alert("停用成功");	
						query();
					}else{
						alert("停用失败");	
					}
				},
				error : function(err){// 执行失败后的失败信息的显示
					console.log(err);
				}
			});
		}
	}
</script>
</html>